@charset "utf-8";
 /*  CSS(打印执照)
 * date : 2018-03-29
 * author: yux;
 */
body{font-family:'Microsoft Yahei','宋体',Tahoma,Arial;font-size:12px;color:#fff;margin:0;padding:0; }
div,form,img,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,iframe{margin:0;padding:0;}
li{list-style:none;}
img{border:none;}
input,textarea,select{outline:none;font-family:'Microsoft Yahei';}
a{outline:none;text-decoration:none;}

.content5 {
  padding-top: 4px;
}
.content5 .center {
  position: relative;
  width: 1142px;
  height: 592px;
  margin: 54px auto 0;
  background: url(../../images/print/content5_center_bg2.png) no-repeat left top;
  box-shadow: 1px 1px 1px #183884;
  overflow: hidden;
}
.content5 .tips {
  position: absolute;
  bottom: 60px;
  left: 50%;
  display: none;
  width: 661px;
  height: 100px;
  margin-left: -330px;
  line-height: 100px;
  text-align: center;
  font-size: 30px;
  color: #98a4ab;
}
.license .progress-wrapper {
  display: none;
  position: absolute;
  left: 50%;
  height: 32px;
}
.original-wrapper  .progress-wrapper {
  bottom: 15px;
  width: 664px;
  margin-left: -332px;
}
/*.copy-wrapper  .progress-wrapper {
  bottom: 90px;
  width: 296px;
  margin-left: -148px;
}*/
.license .progress-wrapper .tips {
  font-size: 14px;
}
.license .progress-wrapper .progress-bar {
  height: 8px;
  margin-top: 10px;
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 3px;
  text-indent: -9999px;
  overflow: hidden;
}
.license .progress-wrapper .progress-bar p {
  width: 0;
  height: 8px;
  background-color: #3693ff;
  border-radius: 3px;
}
/*打印成功动画*/
.print-success {
  display: block;
  width: 661px;
  height: 586px;
  margin: 3px auto;
}
/*正本 begin*/
.content5 .original-wrapper {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
}
.content5 .original-wrapper .title  {
  height: 61px;
  line-height: 61px;
  font-size: 26px;
  text-align: center;
}
.content5 .original-info {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1191px;
  height: 842px;
  margin: -236.5px 0 0 -334px;
  /*zoom缩放会受到浏览器字号限制,在谷歌下最小12号字体*/
  /*zoom: 0.397;
  margin: 0 auto;*/
  -moz-transform: scale(0.561,0.561);
  -webkit-transform: scale(0.561,0.561);
  -o-transform: scale(0.561,0.561); 
  transform: scale(0.561,0.561); 
  transform-origin: left top;
  background: url(../../images/print/xkzzb.png) no-repeat left top;
  background-size: 100% auto;
  font-family: '宋体';
  color: #070303;
}
.content5 .active .original-info{
  margin: -55px 0 0 -80px;
  -moz-transform: scale(0.134,0.134);
  -webkit-transform: scale(0.134,0.134);
  -o-transform: scale(0.134,0.134);
  transform: scale(0.134,0.134);
}
.content5 .original-info .info-list1 {
  position: absolute;
  left: 340px;
  top: 334px;
  width: 370px;
  font-size: 18px;
  color: #070303;
}
.content5 .original-info .info-list1 li {
  line-height: 38px;
}
.content5 .original-info .info-list2 {
  position: absolute;
  left: 830px;
  top: 330px;
  width: 370px;
  font-size: 18px;
  color: #070303;
}
.content5 .original-info .info-list2 li {
  line-height: 42px;
}
.content5 .original-wrapper .QRcode {
  position: absolute;
  bottom: 95px;
  left: 651px;
  width: 100px;
  height: 99px;
  /*background: url(../../images/print/QRcode.png) no-repeat left top;*/
  background-size: 100% 100%;
}
.content5 .original-wrapper.active .QRcode{
  bottom: 67px;
  left: 455px;
  width: 80px;
  height: 80px;
}
.content5 .register-date1 {
  position: absolute;
  bottom: 96px;
  left: 280px;
  width: 165px;
  height: 26px;
  line-height: 26px;
  font-size: 20px;
}
.content5 .register-date1 span {
  display: inline-block;
}
.content5 .register-date1 .month {
  margin-left: 36px;
}
.content5 .register-date1 .day {
  margin-left: 23px;
}
.content5 .register-date2 {
  position: absolute;
  bottom: 201px;
  left: 815px;
  width: 165px;
  height: 26px;
  line-height: 26px;
  font-size: 20px;
}
.content5 .register-date2 span {
  display: inline-block;
}
.content5 .register-date2 .month {
  margin-left: 36px;
}
.content5 .register-date2 .day {
  margin-left: 23px;
}
/*正本 end*/
/*副本 begin*/
.content5 .copy-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: 180px;
  height: 130px;
  border: 1px solid #154383;
  overflow: hidden;
  cursor: pointer;
}
.content5 .copy-wrapper .title  {
  position: absolute;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  line-height: 130px;
  font-size: 26px;
  text-align: center;
  z-index: 2;
}
.content5 .copy-info {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 842px;
  height: 595px;
  margin-top: -57px;
  margin-left: -80px;
  -moz-transform: scale(0.191,0.191); 
  -webkit-transform: scale(0.191,0.191); 
  -o-transform: scale(0.191,0.191); 
  transform: scale(0.191,0.191); 
  transform-origin:left top;
  /*zoom: 0.467;
  margin: 0 auto;*/
  background: url(../../images/print/copy9_bg.png) no-repeat left top;
  background-size: 100% auto;
  font-family: '宋体';
  color: #000;
}
.content5 .active .copy-info{
  margin-top: -235px;
  margin-left: -335px;
  -moz-transform: scale(0.793,0.793);
  -webkit-transform: scale(0.793,0.793); 
  -o-transform: scale(0.793,0.793); 
  transform: scale(0.793,0.793);
}
.content5 .copy-info .info-list1 {
  position: absolute;
  top: 147px;
  left: 225px;
  width: 210px;
}
.content5 .copy-info .info-list1 li {
  line-height: 28px;
  font-size: 12px;
  color: #070303;
}
.content5 .copy-info .info-list2 {
  position: absolute;
  top: 275px;
  left: 575px;
  width: 95px;
}
.content5 .copy-info .info-list2 li {
  line-height: 23px;
  font-size: 12px;
  color: #070303;
}
/*二维码*/
.content5 .copy-wrapper .QRcode {
  position: absolute;
  bottom: 63px;
  left: 449px;
  width: 100px;
  height: 99px;
  background: url(../../images/print/QRcode.png) no-repeat left top;
}
.content5 .copy-wrapper.active .QRcode{
  left: 660px;
  bottom: 95px;
}
.content5 .register-date {
  position: absolute;
  bottom: 129px;
  left: 563px;
  width: 155px;
  height: 26px;
  line-height: 26px;
  font-size: 14px;
}
.content5 .active .register-date {
  left: 568px;
}
.content5 .register-date span {
  display: inline-block;
}
.content5 .register-date .month {
  margin-left: 25px;
}
.content5 .register-date .day {
  margin-left: 22px;
}
.content5 .indate {
  position: absolute;
  bottom: 65px;
  left: 172px;
  width: 155px;
  height: 26px;
  line-height: 26px;
  font-size: 14px;
}
.content5 .active .indate{
  left: 172px;
}
.content5 .indate span {
  display: inline-block;
}
.content5 .indate .month, .content5 .indate .day {
  margin-left: 16px;
}
/*副本 end*/
/*按钮*/
.buttons-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 175px;
}
.tips-text {
  position: absolute;
  top: 95px;
  right: 255px;
  display: block;
  width: 106px;
  height: 25px;
  line-height: 25px;
  font-size: 16px;
  color: #4862ac;
  padding-left: 25px;
  background: url(../../images/print/icon_warning.png) no-repeat left center;
}
.btn {
  display: block;
  height: 72px;
  border: none;
  font-size: 30px;
  line-height: 72px;
  text-align: center;
  color: #fff;
  letter-spacing: 2px;
  cursor: pointer;
}
.btn-info {
  width: 347px;
  background: url(../../images/print/btn_blue.png) no-repeat left top;
}
.btn-disabled {
  width: 347px;
  background: url(../../images/print/btn_disabled.png) no-repeat left top;
  opacity: 0.5;
  cursor: default;
}
.btn-orange {
  width: 306px;
  background: url(../../images/print/btn_orange.png) no-repeat left top;
}
.btn-info-short {
  width: 306px;
  background: url(../../images/print/btn_blue_short.png) no-repeat left top;
}